<!--
 * @Author: fengweicong 75202172+fengweicong@users.noreply.github.com
 * @Date: 2022-06-29 11:00:04
 * @LastEditors: fengweicong 75202172+fengweicong@users.noreply.github.com
 * @LastEditTime: 2022-07-17 08:41:24
 * @FilePath: \B2B\ebuy\src\components\Footer\index.vue
 * @Description: 
 * 
 * Copyright (c) 2022 by fengweicong 75202172+fengweicong@users.noreply.github.com, All Rights Reserved. 
-->
<template>
  <div class="footer">
    <el-footer>
        <div>
            <h3>新手指南</h3>
            <div><router-link to="/">注册账户</router-link></div>
            <div><router-link to="/">在线交易</router-link></div>
            <div><router-link to="/">买家保障</router-link></div>
        </div>
        <div>
            <h3>产品服务</h3>
            <div><router-link to="/">找供应</router-link></div>
            <div><router-link to="/">找采购</router-link></div>
            <div><router-link to="/">看行情</router-link></div>
        </div>
        <div>
            <h3>关于平台</h3>
            <div><router-link to="/">关于我们</router-link></div>
            <div><router-link to="/">服务协议</router-link></div>
            <div><router-link to="/">隐私协议</router-link></div>
        </div>
      </el-footer>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
.footer{
  width: 100%;
  background: rgb(71, 204, 71);
  min-height: 150px;
  .el-footer {
      width: @width-content;
      margin: 0 auto;
      display: flex;
      justify-content: space-around;
  }
}
.el-submenu__title:hover,
.el-menu-item:focus,
.el-menu-item:hover {
  background-color: transparent !important;
}
</style>